<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252">
<title>To update your style sheet</title>
<style>@import url(coUA.css);</style>
<link disabled rel="stylesheet" href="htmlhelp.css">
</HEAD>

<BODY>
<h1>To update your style sheet</h1>

<p>You can make your expandable sections stand out by updating your <a href="htcss.htm">style sheet</a> with a new class. Style sheets let you define the style attributes for the section. For example, you can make the section have a colored border, or a repeating graphic for the background. You can also add style attributes to fine-tune the spacing, margins, and overall positioning of the section.</p>

<h3>Example</h3>
<p>This is the style class that we have defined for the sidebars in the HTML Help documentation:</p>

<code>
&lt;STYLE&gt;<br>
DIV.sidebartext {<br>
	position: relative;<br>
	left: -22px;<br>
	height: 72px;<br>
	width: 300px;<br>
	margin-top: .6em;<br>
	margin-right: 3em;<br>
	margin-left: 0;<br>
	margin-bottom: .6em;<br>
	padding-top: .75em;<br>
	padding-right: 6px;<br>
	padding-left: .75em;<br>
	padding-bottom: .75em;<br>
	cursor: hand;<br>
	border-left: 4pt solid #339900;<br>
	background-color: #F0F0F0; }<br>
&lt;/STYLE&gt;<br>
</code>

<h3>Note</h3>
<ul>
<li>Because there are usually many style attributes associated with this kind of Dynamic HTML (DHTML) link, it is easiest to maintain the information as a class in a cascading style sheet, rather than as attributes in each instance of the link tag.
</li>
</ul>


<br>
<table border="0" cellpadding="0" cellspacing="4">
<tr> 
<td valign="top"><a href="ocx_dhtml_sidebars.htm"><img src="bkarrow.gif" alt="Go back" border="0"></a>
</td><td><a href="ocx_dhtml_sidebars.htm">Back to the beginning</A>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>


</BODY>
</HTML>
